<!--
 * @Author: zhanggongze
 * @Date: 2022-02-23 15:48:55
 * @LastEditors: zgz
 * @LastEditTime: 2022-02-25 16:54:14
 * @FilePath: \code\src\app\check_menu\check_menu.component.html
 * @Description: 
 * Copyright (c) 2022 by 汉吉健康, All Rights Reserved. 
-->
<section class="hy_container">
    <div class="hy_head">
        <div class="hy_head_search">
            <div class="s"><img src="../../assets/images/icon_ss@2x.png" alt=""></div>
            <div class="i"><input placeholder="请项目名称进行搜索" type="text"></div>
        </div>
    </div>
    <div class="hy_content">
        <div class="hy_class">
            <ul>
        <button (click)="setScroll()">setScroll</button>

                <li (click)="check_item(item)" *ngFor="let item of listOfData"
                    [ngClass]="{'active': item.check, 'li': !item.check}">{{item.name}}</li>
            </ul>
        </div>
        <div id="hy_menu" class="hy_menu">
            <div class="items">
                <div class="item" *ngFor="let o of menus;">
                    <p class="p1">{{o.check_name}}</p>
                    <p class="p2">{{o.check_introduce}}</p>
                    <div class="price">
                        <div class="p">￥{{o.check_price}}</div>
                        <div class="i"><img *ngIf="0" src="../../assets/images/gwc_j@2x.png" alt=""><img *ngIf="1"
                                src="../../assets/images/gwc_j@2x.png" alt=""></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="hy_ft">
        <div class="o">
            <img src="../../assets/images/gwc@2x.png" alt="">
            <p>￥6800.00</p>
        </div>
        <div class="t">
            <p>生成健检方案</p>
        </div>
    </div>
</section>